<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>确认订单</title>
    <link href="${pageContext.request.contextPath}/css/product/confirmOrder.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <link href="${pageContext.request.contextPath}/layui/css/layui.css" rel="stylesheet" media="all">
    <link href="${pageContext.request.contextPath}/layui/css/modules/laydate/default/laydate.css" rel="stylesheet"
          media="all">
    <script src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <script src="${pageContext.request.contextPath}/layui/lay/modules/rate.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="q_header q_header_package">
    <div class="mymain">
        <div class="q_header_main" data-hfchannel="package" data-hffile="header_main">
            <div class="q_header_logo"><a href="" target="_top" hidefocus="on">
                <img src="${pageContext.request.contextPath}/images/logo.svg"></a></div>
            <div class="p_nav">
                <div class="p_nav_ct">
                    <ul>
                        <li class="deactve home"><a href="${pageContext.request.contextPath}/index.jsp" hidefocus="on"
                                                    wc-clk="index">度假首页</a></li>
                        <li class="deactve fh agio"><a href="" target="_blank"
                                                       wc-clk="fh">自由行</a><i class="icon"></i></li>
                        <li class="deactve surrounding"><a href=""
                                                           hidefocus="on" wc-clk="around">周边游</a></li>
                        <li class="deactve c2b"><a href="/custom/custom" hidefocus="on"
                                                   target="_blank" wc-clk="c2b">包团·定制</a><i class="icon"></i></li>
                    </ul>
                </div>
            </div>
            <div class="q_header_tnav">
                <ul>
                    <c:if test="${empty loginCustomer}">
                        <li id="__loginInfo_u__" class="q_header_username">
                            <span>请</span>
                            <a id="__headerInfo_login__"
                               href="/customer/login.jsp"
                               hidefocus="on" rel="nofollow">登录</a>
                        </li>
                        <li id="__loginInfo_r__" class="q_header_register">
                            <span>或</span>
                            <a id="__headerInfo_reg__"
                               href="/customer/register.jsp"
                               hidefocus="on"
                               rel="nofollow">免费注册</a></li>
                    </c:if>
                    <c:if test="${not empty loginCustomer}">

                        <li class="q_header_username">
                            <span>欢迎您</span>
                            <a href=""
                               hidefocus="on" rel="nofollow">${loginCustomer.customerName}</a>
                        </li>
                        <li class="q_header_register">
                            <span>     </span>
                            <a href="/customer/out"
                               hidefocus="on"
                               rel="nofollow" class="out">退出</a></li>

                    </c:if>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="wrap">
    <div class="flowstep flowstep_4">
        <ol class="step_num cf">
            <li class="first step_cur_pre">
                <div class="first_line"><i class="line_left"></i>
                    <div class="line">1</div>
                </div>
            </li>
            <li class="step_cur">
                <div class="line">2</div>
            </li>
            <li class="">
                <div class="line">3</div>
            </li>
            <li class="">
                <div class="line">4</div>
            </li>
        </ol>
        <div class="b_flowsteps clr_after">
            <ul class="step_txt cf">
                <li class="first_txt step_cur_pre">选择线路</li>
                <li class="step_cur secend">填写订单</li>
                <li class="secend">在线支付</li>
                <li class="last_txt secend">付款成功</li>
            </ul>
        </div>
    </div>
    <form id="confirmOrder" autocomplete="off">
        <div class="container cf">
            <div class="con_left">
                <h1 class="title">线路信息</h1>
                <div class="route">
                    <div class="route_item cf">
                        <div class="route_tit">线路名称</div>
                        <div class="route_con">
                            <strong class="black">
                                <span class="js_pre_city">[苏州出发]</span>
                                <a href="/product/getOne/" class="blue" target="_blank">三亚七日游</a>
                            </strong>
                        </div>
                    </div>

                    <div id="js_p_booking" class="route_item route_date cf">
                        <div class="ptb cf" item="date">
                            <div class="route_tit"><i class="required"></i>出行日期</div>
                            <div class="route_con">
                                <div class="dategroup" placeholder="datepicker">
                                    <div class="layui-form">
                                        <div class="layui-form-item">
                                            <div class="layui-inline">
                                                <div class="layui-input-inline">
                                                    <input type="text" class="layui-input input_date" id="test30"
                                                           placeholder="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="unit_price">&nbsp;&nbsp;<span>本出行日期为当地游使用日期</span></div>
                            </div>
                        </div>
                        <div class="ptb cf" item="adult" title="">
                            <div class="route_tit"><i class="required"></i>成人
                            </div>
                            <div class="route_con">
                                <div class="valuecomb" style="z-index: 5;">
                                    <span onselectstart="return false;" style="-moz-user-select:none;"
                                          class="decrease valuecomb_disable" onclick="subadultNum()"></span>
                                    <span class="ct">
                                    <input type="text" class="textbox js-adult-num " autocomplete="false"
                                           value="1"></span>
                                    <span onselectstart="return false;" style="-moz-user-select:none;"
                                          class="increase" onclick="addadultNum()"></span></div>
                                <div class="unit_price">× ¥<span class="per-adult-price" placeholder="per-adult-price">160</span>
                                </div>
                            </div>
                        </div>

                        <div class="ptb cf" item="child" title="儿童只含：当地车费、导服、旅行社责任险">
                            <div class="route_tit"><i class="required"></i>儿童</div>
                            <div class="route_con">
                                <div class="valuecomb" style="z-index: 4;">
                                    <span onselectstart="return false;" style="-moz-user-select:none;"
                                          class="decrease valuecomb_disable" onclick="subchildNum()"></span>
                                    <span class="ct">
                                        <input type="text" class="textbox js-child-num" autocomplete="false" value="0"></span>
                                    <span onselectstart="return false;" style="-moz-user-select:none;"
                                          class="increase" onclick="addchildNum()"></span></div>
                                <div class="unit_price">× ¥<span class="per-child-price" placeholder="per-child-price">107</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="js__modules">
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this">费用说明</li>
                            <li>退改规则</li>
                            <li>重要提示</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div>
                                    <div class="tag_con_main">
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【交通】往返旅游巴士，当地旅游巴士；
                                        <p></p>
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【门票】行程中所含的景点首道大门票（自理除外）；
                                        <p></p>
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【住宿】经济型酒店双人标准间；
                                        <p></p>
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【导服】当地中文导游，（自由活动除外）；
                                        <p></p>
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【儿童价标准】身高0.8~1.2米（含），含汽车座位费，其余费用不含；
                                        <p></p>
                                        <p
                                                +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;">
                                            &nbsp;【购物】行程中有购物店，请配合导游进店，不强制消费；
                                        <p></p>
                                        </p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        ></p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        ></p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        ></p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        ></p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        ></p
                                        +style="color:#555555;font-family:arial,+simsun,+sans-serif;font-size:14px;"
                                        >
                                    </div>
                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="tag_con js_f_tag" item="refund" style="">
                                    <!--产品要求不要重复标题:<h2 class="tag_con_tit">退改规则：</h2>-->
                                    <p class="tag_con_main"><strong>【旅游者违约】</strong><br>
                                        在行程前解除合同的，必要的费用扣除标准为：<br>
                                        行程开始前4-7日，按旅游费用总额收取20%损失费<br>
                                        行程开始前1-3日，按旅游费用总额收取40%损失费<br>
                                        行程开始当日：按旅游费用总额收取60%损失费<br>
                                        如按上述约定比例扣除的必要费用低于实际损失费用，旅游者应按照实际发生的费用支付。<br>
                                        <strong>【供应商违约】</strong><br>
                                        在规定时间内违约，除退还全额旅游费用外，另支付违约金比例如下：<br>
                                        行程开始前4-7日，退还全额旅游费用，支付旅游费用总额10%的违约金。<br>
                                        行程开始前1-3日，退还全额旅游费用，支付旅游费用总额15%的违约金。<br>
                                        行程开始当日，退还全额旅游费用，支付旅游费用总额20%的违约金。<br>
                                        如按上述比例支付的违约金不足以赔偿旅游者的实际损失，旅行社应当按实际损失对旅游者予以赔偿。</p>
                                </div>
                            </div>
                            <div class="layui-tab-item"><p class="tag_con_main">
                                为普及旅游安全知识及旅游文明公约，使您的旅程顺利圆满完成，特制定
                                《去哪儿网旅游安全手册》，请您认真阅读并切实遵守。</p>
                            </div>
                        </div>

                        <div id="js_p_tie_in"></div>
                        <div id="js_p_passenger">
                            <h1 class="title">
                                <span class="tit_name">旅客信息</span>
                                <span class="fill_tip red"></span>
                            </h1>
                            <div class="guest_main" item="js_maininfo">
                                <div class="common-user">
                                    <span>常用旅客信息</span>
                                    <ul>
                                        <li>
                                            <input type="checkbox"><span>狄开池</span>
                                            <input type="hidden" class="travellerID" value="">
                                        </li>
                                        <li>
                                            <input type="checkbox"><span>陈志峰</span>
                                            <input type="hidden" class="travellerID" value="">
                                        </li>
                                    </ul>
                                </div>
                                <ul data-type="adult" item="adult_passenger_info" class="guest_list adult-list">
                                    <%--                                    <li class="adult_passenger-li">--%>
                                    <%--                                        <strong>旅客<span class="num">2</span></strong>--%>
                                    <%--                                        <span class="passenger-title">成人(年龄>12岁)</span>--%>
                                    <%--                                        <ul class="tra-list">--%>
                                    <%--                                            <li>--%>
                                    <%--                                                <span class="label">姓名</span><input type="text" name="user-name"--%>
                                    <%--                                                                                    class="user-name">--%>
                                    <%--                                                <span class="error-msg" onblur="checkName()">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                            <li>--%>
                                    <%--                                                <span class="label">身份证号码</span><input type="text" name="user-idno"--%>
                                    <%--                                                                                       class="user-idno">--%>
                                    <%--                                                <span class="error-msg">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                            <li class="li-telno">--%>
                                    <%--                                                <span class="label">手机号码</span><input type="text" name="user-telno"--%>
                                    <%--                                                                                      class="user-telno">--%>
                                    <%--                                                <span class="error-msg">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                        </ul>--%>
                                    <%--                                    </li>--%>
                                </ul>
                                <ul data-type="child" item="child_passenger_info" class="guest_list child-list">
                                    <%--                                    <li class="adult_passenger-li">--%>
                                    <%--                                        <strong>旅客<span class="num">1</span></strong>--%>
                                    <%--                                        <span class="passenger-title">儿童(年龄<=12岁)</span>--%>
                                    <%--                                        <ul class="tra-list">--%>
                                    <%--                                            <li>--%>
                                    <%--                                                <span class="label">姓名</span><input type="text" name="user-name"--%>
                                    <%--                                                                                    class="user-name">--%>
                                    <%--                                                <span class="error-msg">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                            <li>--%>
                                    <%--                                                <span class="label">身份证号码</span><input type="text" name="user-idno"--%>
                                    <%--                                                                                       class="user-idno">--%>
                                    <%--                                                <span class="error-msg">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                            <li class="li-telno">--%>
                                    <%--                                                <span class="label">手机号码</span><input type="text" name="user-telno"--%>
                                    <%--                                                                                      class="user-telno">--%>
                                    <%--                                                <span class="error-msg">错误信息</span>--%>
                                    <%--                                            </li>--%>
                                    <%--                                        </ul>--%>
                                    <%--                                    </li>--%>
                                </ul>
                            </div>
                        </div>
                        <div id="js_p_activity">
                            <h1 class="title">
                                <span class="tit_name">优惠信息</span>
                                <div class="b_order_title" id="js_ac_titleFill" style="display:none;">
                                    <span class="fill_tip" item="shower"></span>
                                </div>
                            </h1>
                            <div class="coupon_box">
                                <ul class="coupon js_ac_m_w">
                                    <li>
                                        <input type="radio" class="preferential" name="preferential" value="no"
                                               checked="">
                                        <span class="radio js_ac_r" data-value="">不使用任何优惠</span>
                                    </li>
                                    <li>
                                        <input type="radio" class="preferential" name="preferential" value="yes">
                                        <span class="radio js_ac_r" data-value="">使用任何优惠</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div id="js_p_invoice">
                            <h1 class="title cf">
                                <div class="tit_name">发票信息</div>
                            </h1>
                            <div style="padding:10px;"><p>*旅游产品发票由产品所属供应商为您开具，如有需要请及时联系供应商确认发票类型、快递费用等相关信息。</p>
                                <p>*保险发票由保险公司为您开具，不同保险公司可开具发票类型不同，详见保险产品说明。</p></div>
                        </div>
                        <div id="js_contract">
                            <div id="js_p_accounts">
                                <div class="accounts">
                                <span class="accounts_left"><i class="pre"></i>
                                    <a href="" class="blue pre_text" item="prevBtn">上一步</a>
                                </span>
                                    <a href="javascript:;" class="btn_sub js_s_btn"
                                       data-abt="bottom" onclick="chexkConfirm()">同意以下条款，提交订单<em></em></a>
                                    <span class="total">总计：<span class="orange">¥<font
                                            item="total" class="order-price">160</font></span></span>

                                </div>
                            </div>
                            <div class="main_copyright">
                                <div>
                                    <input type="checkbox" class="checkid1" value="ok"> 我已阅读并接受
                                    <a href="#js_contract_link" class="blue">合同条款、补充条款及其他所有内容</a>
                                </div>
                                <div>
                                    <input type="checkbox" class="checkid2" value="ok"> 本人担保订单内<span
                                        class="green" id="js_p_chkAccess_safe_model"> 游客健康状况良好，并确认《健康信息承诺书》所述条款</span>
                                </div>

                            </div>
                        </div>
                        <div id="refund_notice" style="display: none;"></div>
                    </div>

                </div>
            </div>
        </div>
        <div id="js_p_sidebar"
             style="width: 210px; overflow: inherit; z-index: 20; right: 270px; position: absolute; top: 200px;">
            <div class="cost-notice">
                <div class="con_right">
                    <div class="orderinfo_box">
                        <div class="orderinfo_main">
                            <div class="orderinfo_tit">费用明细</div>
                            <div item="shower">
                                <div class="orderinfo_sub">
                                    <dl>
                                        <dt>
                                            <p class="orinfo_sub_con"><span class="left">订单信息</span> <span
                                                    class="right"><b>¥</b><b class="order-price">160</b> </span></p>
                                        </dt>

                                        <dd>
                                            <p class="orinfo_sub_con">
                                                            <span class="left">
                                                                成人
                                                            </span>
                                                <span class="right ">
                                                       <b class="order-adult-num">1</b>  ×<b>¥</b> <b
                                                        class="claw s_price order-adult-price">160</b>
                                                </span>
                                            </p>
                                        </dd>
                                        <dd>
                                            <p class="orinfo_sub_con">
                                                            <span class="left">
                                                                儿童
                                                            </span>
                                                <span class="right ">
                                                    <b class="order-child-num">0</b> ×<b>¥</b> <b
                                                        class="claw s_price order-child-price">160</b>
                                                </span>
                                            </p>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="orderinfo_sub">
                                    <dl>
                                        <dt>
                                            <p class="orinfo_sub_con">
                                                <span class="left">优惠金额</span>
                                                <span class="right">
                                                <b class="green claw">-¥0</b>
                                            </span>
                                            </p>
                                        </dt>
                                        <dd>
                                            <p class="orinfo_sub_con">
                                                <span class="left">优惠</span>
                                                <span class="right">
                                                    <b class="green claw">-¥0</b>
                                                </span>
                                            </p>
                                        </dd>
                                    </dl>
                                </div>


                                <div class="orderinfo_toa cf">
                                    <span class="left">总计</span>
                                    <span class="right order-price2">¥160</span>
                                </div>

                                <div class="m_quan cf js_aya_quna" style="display:none;" data-aya="80">
                                            <span class="tagquan"><i class="iquan">返</i><em
                                                    class="quanva">¥80</em></span>
                                    <div class="m_quan_tip">
                                        <i class="oarr"></i><i class="iarr"></i>
                                        <div class="tipcon">支付成功后30天内到订单列表找到“分享返券”按钮将礼包转发到微博，即可领取（如退款即取消资格）.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" class="customerid" value="${loginCustomer.id}">
        <c:if test="${!empty secKillId}">
            <input class="rushTime" type="hidden" value="">
            <input class="secKillId" type="hidden" value="">
        </c:if>
        <input type="hidden" value="苏州+无锡 | 无任何强制消费-浏览时间充足-好评率高-千人购买" name="productSecondTitle">
        <input type="hidden" name="promoteReduces"><input type="hidden" name="limitCashes"><input type="hidden"
                                                                                                  name="cashes"><input
            type="hidden" name="code"><input type="hidden" name="insRecommendId"
                                             value="702dda87-08a7-4dbd-a4f9-9ef5650211a6">
    </form>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/product/confirmOrder.js"></script>
</html>
